<!--
  @created by jiangcheng 2017-11-15
  @updated by
  @description 登录页
-->
<div class="yu-login"  @keyup.enter="checkImageFn">
  <div class="yu-login-banner">
    <div></div>
  </div>
  <div class="yu-login-box">
    <div class="yu-login-logo" :title="$t('login.yxkj')" style="display: flex;align-items: flex-end">
      <img :src="'themes/lang/' + language + '/images/logo.jpg'" />
      <div style="font-size: 25px;margin-left: 15px;margin-right: 18px"><b>苏州农商行</b></div>
      <div style="font-size: 15px;margin-left: 8px">网格化营销系统</div>
      <!-- <ul id="yu-sysList" v-if="sysListShow">
        <li v-for="item in logicSysList" @click="sysChooseFn(item)">{{item.value}}</li>
      </ul> -->
    </div>
    <ul class="yu-login-form">
      <li>
        <input id="username" type="text" :placeholder="$t('login.yhm')" ref="username" v-model="username" />
        <i class="yu-icon-user"></i></li>
      <li>
        <input id="password" type="password" :placeholder="$t('login.mm')" value="admin" :placeholder="$t('login.mm')"
          ref="password" v-model="password" />
        <i class="yu-icon-lock"></i>
      </li>
      <li>
        <input id="imageCode" type="text" :placeholder="$t('login.yzm')" ref="imageCode" v-model="imageCode" />
        <i class="yu-icon-details"></i>
        <img class="yu-login-code" ref="validateImg" type="image" id="imageCodePicture" @click="freshImageCodeFn"
          :title="$t('login.tpkbqdjhyz')" />
      </li>
      <li class="checkbox_li">
<!--        <yu-checkbox id="remember" type="checkbox"></yu-checkbox>-->
<!--        <label for="remember">{{ $t('login.jzyh') }}</label>-->
<!--        <span>忘记密码</span>-->
      <li>
        <button v-loading="loading" :disabled="isDisabled" id="submitBtn" type="button" :value="$t('login.dl')" @click="submitFn">{{ $t('login.dl') }}</button>
      </li>
      <li class="msg" v-show="message"><i class=" yu-icon-warning1"></i><span class="yu-login-msg" id="msg">{{ message }}</span></li>
    </ul>
  </div>
  <div class="yu-login-footer" v-html="$t('login.yxkj')"></div>
  <div>
    <el-dialog-x :center="true" :title="$t('login.scdlmmxg')" :visible.sync="dialogVisible">
      <el-form-x ref="passwdform" :group-fields="passwdFields" :buttons="buttons" label-width="80px"></el-form-x>
    </el-dialog-x>
  </div>
</div>
